//@ts-nocheck
import React, {useEffect, useState} from 'react';
export default () => {
  const [count, setCount] = useState(0);

  useEffect(() => {
    const id = setInterval(() => {
      /** 你会发现你点击+改变count的值后,这里打印的仍然是0*/
      console.log(`Count is:${count}`);
    }, 1000);

    return function(){
      clearInterval(id);
    }
  }, [count]/** ←除非你将count作为依赖,这样每次render都会生成一个新的effect函数,这个effect依赖的state也是最新的。 但此时要注意要清空上一次的定时器*/);

  return (
    <div>
      <p>{count}</p>
      <button onClick={()=>setCount(x => x + 1)}>+</button>
    </div>
  )
};
